<template>
	<view class="container">
		<cu-header bgColor="bg-gradual-blue" :isBack="true">
			<block slot="content" class="page-name">访问足迹</block>
		</cu-header>
		<view class="contents">
			
			<view class="cu-card article  no-card" >
				<view class="cu-item shadow" v-for="(item, index) in lists" :key="index"
			 @click="onClick" :data-index="index">
					<view class="padding-sm">{{item.name}}</view>
					<cu-list-records :datas="item.goods"></cu-list-records>
				</view>
			</view>
			<view style="height: 100rpx;"></view>
		</view>

	</view>
</template>

<script>
	import {
		mapState,
		mapMutations
	} from 'vuex';
	import cuListRecords from '@/components/diy/list/cu-list-records.vue';
	import cuTabbar from '@/components/diy/header/cu-tabbar.vue';
	export default {
		computed: {
			...mapState(['hasLogin', 'forcedLogin', 'userinfo'])
		},
		components: {
			cuListRecords,
			cuTabbar
		},
		data() {
			return {
			
				lists: [{
						name: '今天',
						status: 1,
						goods: this.$mock.goods
					},
					{
						name: '2021-05-30',
						status: 1,
						goods: this.$mock.goods
					}
				]
			};
		},
		/**
		 * 用户点击右上角分享
		 */
		onShareAppMessage: function(res) {
			if (res.from === 'button') {
				// 来自页面内分享按钮
				console.log(res.target);
			}
			return this.shareinfo;
		},
		onLoad() {},
		onShow() {

		},
		methods: {
			...mapMutations(['logout', 'login', 'loginsoure']),
			onSelect: function(e) {
				this.$util.redirectTo('/pages/shop/aftersale/details')
			}

		}
	};
</script>

<style scoped></style>
